
@charset "UTF-8";/* 初始化*/
@import "step";
body{
    background: #fff;
}
.header_warp .header{
    z-index: 1 !important;
}
.exhibitionwarp{
    background: #fff;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    .warpbjfff{
        padding:0;
         .common {
            .ContL{
                width: 760px;
            }
         }

    }
}
.title{
    .bt2{
        font-weight: normal;
    }
}
.Ritemzexhibition{
    padding-bottom: 20px;
    .list1{
        li{
            display: flex;
            overflow: hidden;
            padding: 20px 0 0;
            .img{
                width: 95px;
                height: 95px;
                display: block;
                border-radius: 5px;
                overflow: hidden;
                background: #ebebeb;
            }
            .infor{
                flex: 1;
                padding-left: 10px;
                .name{
                    font-size: 16px;
                    @include multi-line-ellipsis(2,24px);
                }
                p{
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    width: 100%;
                }
                .lab{
                    font-size: 14px;
                    height: 24px;
                    line-height: 24px;
                    padding: 0 10px;
                    color: #fff;
                    background-color: $theme;
                    border-radius: 5px;
                    display: inline-block;
                    vertical-align: middle;
                    max-width: 80%;
                    overflow: hidden;
                    margin-top: 3px;
                }
                .now{
                    background-color: #eb2d08;
                }
                .end{
                    background-color: #444444;
                }
                .nostar{
                    background-color: #70b603;
                }
            }
        }

    }
}
.exhibitionlist{
    .add_morelink{
        max-width: 300px;
        margin: 0 auto;
   }
    ul{
        li{
            .img{
                width: 110px;
                height: 110px;
                display: block;
                border-radius: 5px;
                overflow: hidden;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: 10px;
                .bt{
                    line-height: 23px;
                    padding-bottom: 5px;
                   .name{
                      font-size: 18px;
                      line-height: 23px;
                      display: inline-block;
                      vertical-align: middle;
                   }
                   .lab{
                    height: 23px;
                    line-height: 23px;
                    display:inline-block;
                    vertical-align: middle;
                    border: solid 1px #f76724;
                    border-radius: 5px;
                    font-size: 14px;
                    color: #676767;
                    padding: 0 10px;
                    min-width: 150px;
                    text-align: center;
                   }
                }
                p{
                    line-height: 30px;
                    color: #444;
                    span{
                        font-size: 12px;
                        height: 20px;
                        line-height:20px;
                        padding: 0 8px;
                        color: #fff;
                        background-color: $theme;
                        border-radius: 3px;
                        display: inline-block;
                        vertical-align: middle;
                        max-width: 80%;
                        overflow: hidden;
                        transform: scale(0.85);
                    }
                    .now{
                        background-color: #eb2d08;
                    }
                    .end{
                        background-color: #444444;
                    }
                    .nostar{
                        background-color: #70b603;
                    }
                }
            }
        }
    }
    .list{
        ul{
            li{
                display: flex;
                color: #444444;
                border-bottom: 1px solid rgba(0,0,0,0.05);
                padding: 30px 0;
              
                .infor{
                    .text{
                        @include multi-line-ellipsis(4,26px);
                        overflow: hidden;
                        word-break: break-all;
                    }
                    .btnbox{
                        overflow: hidden;
                        .btn{
                            height: 28px;
                            display: block;
                            line-height: 28px;
                            padding: 0 10px;
                            float: left;
                            border-radius: 5px;
                            color: #777;
                            text-align: center;
                            border:1px solid #dcdcdc;
                            margin: 10px 25px 0 0;
                            &:hover{
                                border-color: $theme;
                                color: $theme;
                            }
                        }
                    }
                }
            }
        }
    }
    .list2{
       ul{
        li{
            position: relative;
            height: 430px;
            margin: 20px 0;
            .imgbj{
                width: 100%;
                height: 100%;
                img{
                    width: 100%;
                    height: 100%;
                    display: block;
                }
            }
            .item{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background: rgba(0,0,0,0.8);
                display: flex;
                color: #fff;
                box-sizing: border-box;
                padding: 20px;
                a{
                    color: #fff;
                }
                p{
                    color: #fff;
                    line-height: 27px;
                }
                .bt{
                    .lab{
                        color: #fff;
                        background: #f76724;
                    }
                }
                .name2{
                    line-height: 20px;
                    padding-bottom: 10px
                }
                
                .text{
                    @include multi-line-ellipsis(5,24px);
                    overflow: hidden;
                    word-break: break-all;
                    padding-top: 10px;
                }

            }
        }
       }
    }
    .list3{
        ul{
            li{
                padding: 20px 0;
                display: flex;
                overflow: hidden;
                &:first-child{
                    padding-top: 10px;
                }
                .img{
                    width: 295px;
                    height: 155px;
                    display: block;
                    overflow: hidden;
                    border-radius: 5px;
                    
                }
                .infor{
                    padding-left: 20px;
                    p{
                        padding: 5px 0;
                        span{
                            transform: scale(1);
                            margin-top: -2px;
                        }
                    }
                    .tip{
                        line-height: 24px;
                        min-height: 30px;
                        margin: 10px 0;
                        color: rgba(0,0,0,0.9);
                        @include multi-line-ellipsis(2,24px)
                    }
                    .btnbox{
                        height: 25px;
                        line-height: 25px;
                        overflow: hidden;
                        padding-top: 10px;
                        .btn{
                            margin-right: 10px;
                            padding-right: 12px;
                            position: relative;
                            display: inline-block;
                            vertical-align: middle;
                        }
                        .hot{
                          position: absolute;
                          top: 0;
                          right: 0;
                          width: 10px;
                          height: 12px;
                          background: url("../images/hot.png") no-repeat center;
                        }
                    }
                }
            }
        }
    }
    .list4{
       ul{
        li{
            display: flex;
            padding: 20px 0;
            .img{
                width: 209px;
                height: 126px;
                display: block;
                overflow: hidden;
                border-radius: 5px;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: 20px;
                color: #444444;
                .name{
                    font-size: 16px;
                    color: #444444;
                    line-height: 24px;
                    display: block;
                    overflow: hidden;
                    height: 48px;
                    @include multi-line-ellipsis(2,24px);
                    margin-bottom: 5px;
                    &:hover{
                        color: $theme;
                    }
                }
                .tex{
                    height: 48px;
                    @include multi-line-ellipsis(2,24px);
                }
                .p{
                    height: 20px;
                    line-height: 20px;
                    .fr{
                        color: #666666;
                        opacity: 0.8;
                    }
                    

                }
            }
        }
       }
       .clear{
        padding: 5px 0;
        li{
            float: left;
            width: 48%;
            margin-right: 2%;
            padding: 15px 0;
            &:nth-child(2n){
                margin-right:0;
                margin-left: 2%;
            }

        }
       }
      

    }
    .pages{
        border-bottom: 1px solid rgba(0,0,0,0.05); 
        padding-bottom: 20px;
    }
    .list5{
        ul{
            li{
                float: left;
                padding: 15px 20px 10px 0;
                width: 240px;
                &:nth-child(3n){
                    padding-right: 0px;
                }
                .box{
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    .img{
                        width: 100%;
                        height: 145px;
                        border-radius: 5px;
                        overflow: hidden;
                        display: block;
                    }
                }
                p{
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    width: 100%;
                    padding-top: 5px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                  

                }


            }
        }
        .scroll{
            min-height: 195px;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            font-size: 0px;
            margin-bottom: 10px;
            li{
                display: inline-block;
                float: none;
                font-size: 14px;
                &:last-child{
                    padding-right: 0px;
                }
               
            }

        }
    }
    .list6{
        padding: 30px 0;
        border-bottom: 1px solid rgba(0,0,0,0.05); 
       ul{
        li{
            width: 390px;
            height: 360px;
            background: #f9f9f9;
            float: left;
            margin: 15px 15px 0 0;
            border-radius: 5px;
            overflow: hidden;
            &:nth-child(3n){
                margin-right: 0px;
            }
            .item{
                height: 137px;
                overflow: hidden;
                width: 100%;
                position: relative;
                .imgbj{
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                    }
                }
                .motai{
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(0,0,0,0.6);
                    display: flex;
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                    padding: 20px 20px 0px 20px;
                    .img{
                        width: 68px;
                        height: 68px;
                        border-radius: 5px;
                        display: block;
                        overflow: hidden;
                    }
                    .infor{
                        flex: 1;
                        padding-left: 15px;
                        overflow: hidden;
                        font-size: 16px;
                        .name{
                            display: block;
                            max-height: 40px;
                            color: #fff;
                            @include multi-line-ellipsis(2,20px);
                            margin-bottom: 5px;
                            &:hover{
                                color: $theme;
                            }
                        }
                        p{
                            line-height: 35px;
                            overflow: hidden;
                            color: #fff;
                        }

                    }
                }

            }
            .lis{
                margin: 5px 0 20px;
                overflow-y: auto;
                height: 155px;
                &::-webkit-scrollbar { width: 4px !important; height: 4px; background: rgba(255,255,255,0.2) !important; border-radius: 10px; }
                &::-webkit-scrollbar-button { width: 0; height: 0; }
                &::-webkit-scrollbar-corner { display: block; }
                &::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #444 !important; border-radius: 10px; }
                p{
                    padding: 5px 6px;
                    line-height: 24px;
                    color: #444444;
                    &::before{
                        display: inline-block;
                        vertical-align: middle;
                        width: 3px;
                        height: 3px;
                        background-color: #222222;
                        opacity: 0.5;
                        content: '';
                        margin: -2px 5px 0 0;
                        border-radius: 50%;
                    }
                    a{
                        color: #444444;
                        &:hover{
                            color: $theme;
                        }
                    }
                }
            }
            .mor{
                text-align: center;
                display:block;
                margin: 0 auto;
                height: 20px;
                line-height: 20px;
                color: #444444;
                opacity: 0.8;
                &:hover{
                    color: $theme;
                }

            }
        }
       } 
    }
    .list7{
        padding: 30px 0;
        border-bottom: 1px solid rgba(0,0,0,0.05); 
        .title{
            padding-bottom: 15px;
        }
        .switchnav3 li{
            cursor: pointer;
            a{
                height: 30px;
                line-height: 30px;
            }
        }
        ul.item_{
            overflow: hidden;
            li{
                float: left;
                width: 197px;
                margin: 10px 53px 0 0;
                &:nth-child(5n){
                    margin-right: 0px;
                }
                .box{
                    display: block;
                    width: 100%;
                    color: #444444;
                    &:hover{
                        .img{border-color: $theme;}
                        color: $theme;
                    }
                    .img{
                        height: 250px;
                        border:2px solid transparent;
                        position: relative;
                        display: block;
                        width: 193px;
                    }
                    .text{
                        font-size: 16px;
                        word-break: break-all;
                        padding-top: 5px;
                        height: 107px;
                        overflow: hidden;
                        p{
                            margin: 5px 0;
                            float: left;
                            width: 100%;
                            @include multi-line-ellipsis(2,24px);
                        }
                    }
                }

            }
        }
    }
    .lubox{
        position: relative;
        .bd{
            overflow: hidden;
            margin: 15px 0 20px;
            li{
                float: left;
                width: 240px;
                margin-right: 20px;
                overflow: hidden;
                .img{
                    width: 100%;
                    height: 145px;
                    overflow: hidden;
                    border-radius: 5px;
                    cursor: pointer;
                }
            }
            .box-a{
                width: 100%;
                display: block;
                p{
                    @include multi-line-ellipsis(2,25px);
                    height: 50px;
                    overflow: hidden;
                    padding-top: 5px;
                    font-size: 16px;
                }
            }
        }
        .prev ,.next{
            display: block;
            position: absolute;
            width: 25px;
            text-align: center;
            line-height: 40px;
            cursor: pointer;
            top: 0;
            font-size: 28px;
            font-weight: bold;
            font-family: serif;
            color: rgba(255, 185, 79, 0.99);
            user-select: none;
            height: 145px;
            line-height: 145px;
            background: rgba(0,0,0,0.5);
            border-radius: 5px;

        }
        .prev{left: 0px;}
        .next{right: 0px;}
    }
    .news_center {
        color: #222;
        p{
            font-size: 14px;
            margin: 10px 0;
        }
        h3{
            font-size: 22px;
            line-height: 40px;
            font-weight: normal;
        }
    }
    .table{
        padding: 10px 0;
        table{
            width: 100%;
            line-height: 35px;
            text-align: center;
            color: #222;
        }
    }
    .videobox{
        height: 450px;
        padding: 10px 0 20px;
        .leftvideo{
            width: 710px;
            float: left;
            overflow: hidden;
            height: 450px;
            background: #000;
            video, iframe {
                display: block;
                width: 100%;
                height: 100%;
            }

        }
        .ritab{
            width: 456px;
            float: right;
            .bt{
                font-size:18px;
                height: 20px;
                padding-bottom: 10px;
            }
            .lis{
                ul{
                    width: 104%;
                    overflow: hidden;
                    height: 420px;
                    overflow-y: auto;
                    li{
                        width: 145px;
                        border: solid 1px rgba(0,0,0,0.1);
                        height: 95px;
                        position: relative;
                        float: left;
                        border-radius: 5px;
                        margin: 8px 7px 0 0;
                        background: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        &:nth-child(3n){
                            margin-right: 0px;
                        }
                        img{
                            display: block;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%,-50%);
                            max-width: 80%;
                            max-height: 80%;
                        }
                        p{
                            width: 95%;
                            font-size: 14px;
                            color: #7b7b7b;
                            line-height: 20px;
                        }
                        &:hover,&.on{
                            border-color: $theme;
                            cursor: pointer;
                            p{
                                color: $theme;
                            }
                        }
                    }
                   
                }
            }
        }
    }
}
.exhibitionbj{
    background: no-repeat center top #fff;
    overflow: hidden;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    &::before{
        content: '';
        width: 100%;
        height: 70vh;
        bottom: 0;
        left: 0;
        position: absolute;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,1) 100%);
    }
}
.exhibitionnav{
    height: 70px;
    line-height: 70px;
    display: block;
    background:rgba(0, 0, 0, 0.7);
    position: relative;
    margin-top: 400px;
    color: #fff;
    margin-bottom: 20px;
    .center{
        display: flex;
        font-size: 22px;
        justify-content: space-between;
        overflow: hidden;
        a{
            color: #fff;
            &:hover{
                color: $theme;
            }
          
        }
        .hot{
            color: #fc330b;
            position: relative;
            padding-right: 12px;
            a{
                color: #fc330b; 
            }
           i{
            position: absolute;
            top: 18px;
            right: 0;
            width: 10px;
            height: 12px;
            background: url("../images/hot.png") no-repeat center;
           }
          }
        .on{
            a{
                font-weight: bold;
                color: $theme;
            }
        }
    }
    &.top0{
        margin-top: 0;
    }
}
.exhibitiontop{
    position: absolute;
    top: 0;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    max-height: 400px;
    .item{
        width: 430px;
        color: #fff8f8;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 5px;
        padding: 20px 20px;
        word-break: break-all;
        overflow-y: auto;
        max-height: 355px;
        a{
            color: #fff8f8;
            &[href]:hover{
                color: $theme;
            }
        }
        .h1{
            line-height: 30px;
            font-size: 22px;
            padding-bottom: 5px;
        }
        p{
            font-size: 16px;
            line-height: 34px;
            span{
                font-size: 14px;
                height: 24px;
                line-height: 24px;
                padding: 0 10px;
                color: #fff;
                background-color: $theme;
                border-radius: 5px;
                display: inline-block;
                vertical-align: middle;
                max-width: 80%;
                overflow: hidden;
                margin-top:-3px;
            }
            .dz{
                background: url("../images/dz-ico.png") no-repeat center;
                display: inline-block;
                vertical-align: middle;
                width: 11px;
                height: 18px;
                margin: -2px 5px 0 ;


            }
            .now{
                background-color: #eb2d08;
            }
            .end{
                background-color: #444444;
            }
            .nostar{
                background-color: #70b603;
            }
        }
       
        
    }

}
.exhibitioncenter{
    position: relative;
    z-index: 1;
}
/*轮播弹出*/
.bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #111; opacity: 0.6; filter: Alpha(opacity=60); display: none; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.m-showbox { position: fixed; left: 50%; top: 50%; -webkit-box-shadow: 0 0 10px #111; box-shadow: 0 0 10px #111; display: none; z-index: 1000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.m-showbox .inner-box { position: relative; }
.m-showbox img { display: none; }
.m-showbox img.current { display: block; max-height: 100%; width: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; }
.close-showbox { position: fixed; width: 70px; height: 70px; background: #111 url("../images/down.png") 18px -300px no-repeat; top: 0; right: 0; cursor: pointer; z-index: 1001; opacity: 0.5; filter: alpha(opacity=50); }
.m-showbox .inner-box .prev { position: absolute; width: 30px; height: 60px; background: #111 url("../images/down.png") no-repeat 0px -365px; left: -80px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.m-showbox .inner-box .next { position: absolute; width: 30px; height: 60px; background: #111 url("../images/down.png") no-repeat 0px -415px; right: -80px; top: 50%; margin-top: -30px; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
.m-showbox .inner-box .prev:hover, .m-showbox .inner-box .next:hover, .close-showbox:hover { background-color: #00ceff; }

/*发售表*/ 
.salelist{
   .title{
    a{
        padding-left: 5px;
        color: rgba(34,34,34,0.8);
        &:hover{
            color: $theme;
        }
    }
   } 
   .lab-p{
    padding-top: 10px;
        height: 30px;
        line-height: 30px;
        color: rgba(34,34,34,0.8);
        a{
            padding: 0 5px;
            color: rgba(34,34,34,0.8);
            &:hover{
                color: $theme;
            }
        }
        .on{
            color: $theme;
            font-weight: bold;
        }
   }
   .list{
    padding-top: 10px;
    padding-bottom: 10px;
    .bt-h{
        height: 40px;
        border-radius: 5px;
        p{
            border-radius: 5px;
            padding: 0 10px;
            background: rgba(1,102,255,0.1);
            color: rgba(34,34,34,0.8);
            height: 40px;
            line-height: 40px;
        }
        .on{
            position: fixed;
            top: 0;
            left: 50%;
            width: 740px;
            background:#e5f1ff;
            z-index: 100;
            font-weight: bold;
        }
        
    }
    ul{
        li{
            display: flex;
            overflow: hidden;
            padding: 25px 0 5px ;
            .img{
                width: 130px;
                height: 183px;
                display: block;
                overflow: hidden;
                border-radius: 5px;

            }
            .infor{
               flex:1;
               overflow: hidden;
               padding-left: 15px;
               .bt{
                overflow: hidden;
                line-height: 25px;
                .lab{
                    margin:10px 0 10px 5px;
                    height: 25px;
                    line-height: 25px;
                    color: #fff;
                    background-color: $theme;
                    padding: 0 7px;
                    border-radius: 5px;
                    display:inline-block;
                    vertical-align: middle;
                    a{
                        color: #fff;
                    }
                    &:hover{
                        opacity: 0.9;
                    }
                }
                .cor1{ background-color: #a70c1e; }
                .cor2{ background-color: #007bff; }
                .cor3{ background-color: #1c5292; }
                .cor4{ background-color: #4b31b0; }
                .cor5{ background-color: #007bff; }
                .cor6{ background-color: #0a0a64; }
                .cor7{ background-color: #0c0c0b; }
                .cor8{ background-color: #57880a; }
                .cor9{ background-color: #36a567; }
                .cor10{ background-color: #7e8e9d; }
                .cor11{ background-color: #3D090B; }
                .cor12{ background-color: #6D6359; }
                .cor13{ background-color: #FFD42A; }
                .cor14{ background-color: #009AC7; }
                .cor15{ background-color: #695EE8; }
                .cor16{ background-color: #003791; }
                .cor17{ background-color: #231F20; }
                .cor18{ background-color: #565B65; }
                .cor19{ background-color: #25BAA6; }
                .cor20{ background-color: #D2BFE1; }
                .cor21{ background-color: #FFC557; }
                .cor22{ background-color: #C92344; }
                .cor23{ background-color: #107C10; }
                .name{
                    padding-left: 5px;
                    font-size: 16px;
                    font-weight: bold;
                }
               }
               .p{
                 line-height: 30px;
                span{
                    padding-right: 10px;

                }
               }
               .tab_box{
                padding-top: 5px;
                .tab{
                    display: inline-block;
                    vertical-align: middle;
                    cursor: pointer;
                    height: 25px;
                    line-height: 25px;
                    position: relative;
                    background-color: #f2f2f2;
                    border-radius: 5px;
                    padding: 0 10px;
                    margin: 5px 10px 0px 0;
                    &:hover{
                        color: $theme;
                    }
                }
               }
            }
        }
    }
    // &:last-child{
    //     .bt-h{
    //        p{
    //         background-color: #b4b4b4 !important;
    //        }
    //     }
    // } 
   } 

}
.Ritem7 .list .more2{
    border:none;
    color: $theme;
    float: right;
    cursor: pointer;
    &:hover{
        text-decoration: underline;
    }
}
.Ritemsale{
    .list{
        padding-top: 10px;
        .select{
            float: left;
            width: 120px;
            line-height: 38px;
            height: 38px;
            border: solid 1px #cfcfcf;
            border-radius: 5px;
            display: block;
            margin: 0px 0px 20px 0;
            padding: 0 4px;
            text-align: center;
            cursor: pointer;
            &:nth-child(2n){
                float: right;
            }
            &:hover{
                border-color: $theme;
            }
            .layui-nav{
                padding: 0;
                background: none;
                color: #222;
                .layui-nav-item{
                    line-height: 38px;
                    padding: 0 25px; position: relative;
                    min-width: 60px; 
                    .bt- { padding-right: 5px; }
                    .bt- i { position: absolute; right: 10px; width: 7px; height: 12px; background-position: -129px -128px; opacity: 0.8; top: 50%; margin-top: -6px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
                    &:hover{
                        .bt- i { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
                    }
                }
                .layui-nav-child { top: 40px; max-height: 400px;   overflow-y: auto; }
                .layui-nav-child a { color: #999; cursor: default; }
                .layui-nav-child a[href] { cursor: pointer; color: #222; }
            }
        }
    }
    .search{
        display: flex;
        overflow: hidden;
        height: 50px;
        line-height: 50px;
        border:1px solid $theme;
        border-radius: 5px;
        overflow: hidden;
        margin: 10px 0 20px 0;
        .tex{
            border:none;
            flex:1;
            padding: 0 10px;
            overflow: hidden;

        }
        .but{
            padding: 0 10px;
            background: $theme;
            color: #fff;
            border-radius: 5px 0 0 5px;
            min-width: 35px;
            cursor: pointer;
            display: block;
            text-align: center;
            border:none;
            

        }
    }
}